查看原文
其他

吐槽顺丰小程序后,我终于画了优化方案

UI设计达人 2022-05-22

The following article is from 体验进阶 Author 设计师ZoeYZ

上次发了一篇文章,挑了顺丰小程序的一些体验问题:顺丰这个小程序设计不行,真难用诶

讨论度挺高的,点赞的人多,反对的声音也不少。

反对声音主要有 2 点:文章太水了、快递公司不可能获取商品信息。

为了回应大家,我这次干脆帮顺丰把方案给画了。

不过,毕竟顺丰(目前)没有给我打钱 🤷‍♀️,所以我不会做太大改动,主要以解决体验问题为目的,做最简单的修改。


0. 需求分析

这次补充一下背景信息——我为什么要用那个小程序。

因为我收到派件通知时,上门分明写了:“🔔改时间、改地点可以点击这里哦~🔔”。


如果我不去点,肯定会有快递员或者 AI 客服打电话问我是上门还是放到快递柜里,像这样:

顺丰的 AI 客服给我打电话时的截图

我这个轻度“社恐”不喜欢接陌生人的电话,尤其是 AI 机器人的,于是宁愿点击那个通知,打开小程序选择一下。

而我家附近的丰巢柜很方便,所以我经常选择丰巢。


1. 运单详情

1.1. 看不到商品信息

上次我说想要查看是什么快递,但是详情页却没有提供。


结果很多人说,电商不会把商品信息给快递公司的。

可我在网上随便搜一下顺丰快递的包装,上门分明有货物信息



我每次寄顺丰,都被要求填写物品信息,就算只把这个放上去,也好过什么信息都不提供吧?

虽然入口写了物品信息,但是点进去后反而没有,岂不是更奇怪?



1.2. 收件方式入口难找

这个页面的入口,就是「预约处理提醒」,而且下面还备注了:“🔔改时间、改地点可以点击这里哦~🔔”。

看来,进入这个小程序后,很多人确实是要查看/修改收件方式的。


然而这么个重要的功能,放在「在线客服」和「投诉」的图标后,显然不合适吧?



运单详情新方案

主要改了 3 个点:

  1. 加上一行货物信息,这样至少知道自己将会收到个什么东西

  2. 收件方式直接露出,点击即可设置,并且自动记住上次的选择

  3. 城市名称下面加上省份,因为这个案例中我根本不知道「盐城」在哪




2. 收件方式设置

之前我对收件方式设置页的主要槽点在于,太多无效选项,难以理解。


新方案我改动更大,直接把页面换成了 ActionSheet

因为我觉得这个收件方式设置页的头部信息几乎毫无意义,根本不用专门为此做一个页面。

除此之外,还有 3 个改动点:

  1. 去除了「提交」按钮,增加了无意义的操作步骤

  2. 自动记住上次选择的丰巢/服务点,减少重复步骤

  3. 将更改派件时间的提示放在上门派送下方,并提供联系快递员的操作按钮

  4. 将无效选项放在有效选项下方,节约用户阅读时间




3. 选择丰巢/服务点

这个页面的问题大家还是比较认同的,确定按钮一般应该放在选项下方的,放在右上方就是很奇怪。

不过也有人杠“那个圆圈我一眼就能看到了”……那是因为这里没有展示复杂的地图,并且你现在看的是小图而不是全屏。

另外,我把那个困惑的去这里改成了很弱的箭头,因为点进去之后并不会看到什么有用的信息,只是全屏查看地图而已。



3. 确认选择

之前得要点两次确认,才能完成选择,太繁琐。

而且关键是,到了最后一个「提交成功」的页面后,我竟不知如何返回首页了!

于是我改成点击一次确认按钮就直接返回首页,不但有 Toast 提示,而且还可以在首页直接看到收件方式改成什么了。



总结

最后对比一下两个流程,你觉得怎么样?

左右滑动查看更多
左右滑动查看更多

不知道顺丰小程序设计团队会怎么看,可能他们人手不够,顾不上小程序这一边的体验优化,可以理解。

反正我也是闲来无事,看到问题就随手帮忙改一改,希望不要介意 : )

主页君个人微信

添加主页君个人微信领取:大厂设计规范及组件库、免商中文字体、样机、作品集等



推荐阅读

(点击标题可跳转阅读)

还不知道什么是汽车HMI设计?快来看看吧字节出了一款设计神器,比阿里iconfont还好用?
顺丰这个小程序设计不行,真难用诶
回复 灵感 下载UI设计灵感合辑
点个 “ 在看” 好文不断

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存